$(function page(){
    /**
     *  发送ajax
     */

    $.ajax({
        url: "findAllStu1",
        data:{"page":1,"limit":3},
        dataType: "json",
        type:"post",
        success: function (data){
            if(data.code!=0){
                alert("没有信息")
                return;
            }

            build_table(data);
        },
        error:function (XMLHttpRequest, textStatus, errorThrown) {
            alert("请求失败！");
        }
    });

});

function page(data) {
    $.ajax({
        url: "findAllStu",
        data:{"page":data.id,"limit":3},
        dataType: "json",
        type:"post",
        success: function (data){
            if(data.code!=0){
                alert("没有信息")
                return;
            }

            build_table(data);
        },
        error:function (XMLHttpRequest, textStatus, errorThrown) {
            alert("请求失败！");
        }
    });
}



function build_table(result){
    //清空表格
    $("#my_table tbody").empty();

    var list=result.data.list;
    var size = result.data.pages;
    console.log(size)

    $.each(list,function(index,item){
        var stuindex =  $("<td style='color: #CD950C;'></td>").append(index+1);
        var sname=$("<td style='color: #CD950C;'></td>").append(item.sname);
        var cname=$("<td style='color: #CD950C;'></td>").append(item.cname);
        var tel=$("<td style='color: #CD950C;'></td>").append(item.tel);
        var hour=$("<td></td>").append(item.hour+"节");
        var tname=$("<td></td>").append(item.tname);
        var btn_edit=$("<button @click='update'></button>").addClass("btn btn-outline-brown ")//给修改按钮添加 Class标识,
            .append(" 修改");
        btn_edit.attr("edit-id",item.id);
        btn_edit.attr("data-toggle","modal");
        btn_edit.attr("data-target","#myModal");

        var btn_edit1=$("<button @click='delete'></button>").addClass("btn btn-outline-cyan")//给修改按钮添加 Class标识,
            .append(" 删除");
        //为编辑按钮添加一个自定义属性，设置值为表示当前员工ID ***
        btn_edit1.attr("edit-id",item.id);
        //4).将两个按钮拼到一个<td>里 ↓
        var btn=$("<td></td>").append(btn_edit,btn_edit1);

        //5).把所有的<td>m节点append到 <tr>中,最后把<tr>节点appendTo到指定的位置
        $("<tr></tr>").append(stuindex).append(sname).append(cname).append(tel).append(hour).append(tname).append(btn)
            .appendTo("tbody");
    });

    $(".pagination").empty();
    for (let i = 1; i <= size; i++) {
        var li =  $("<li onclick='page(this)' class='page-item'></li>").append("<a class='page-link'>"+i+"</a>");
        li.attr("id",i)
        $(".pagination").append(li);
    }


}
